<template>
  <div>
    <!-- 内容渲染指令 -->
    以下输出命令都可以在其中写表达式
    <!-- 插值表达式 -->
    <p>{{ uname }}</p>
    <p>{{ flag ? "12" : "6" }}</p>
    <!-- v-html -->
    <p v-html="age"></p>
    <p v-html="flag ? '23' : '12'"></p>
    <!-- v-text -->
    <p v-text="uname"></p>
    <p v-text="!flag"></p>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      uname: "刘勇",
      age: false,
      flag: true,
    };
  },
};
</script>

<style>
</style>
